*{
    margin: 0px;
    padding: 0px;
}
body{
    background-color: #f5f5f5;
}
header{
    height: .96rem;
    width: 7.2rem;
    background-color: #f37d0f;
    padding-top: .31rem ;
    padding-bottom: .31rem;
    background-image: url(../img/wode1.png);
    background-size: 7.2rem .96rem;
    display: flex;
    align-items: center;
    .header1{
        margin-left: .29rem;
        img{
            width: .84rem;
            height: .84rem;
            border-radius: 50%;
        }
    }
    .header2{
        margin-left: .19rem;
        font-size: .25rem;
        color: white;
        span{
            color:#f9ca9d ;
        }
    }
}
nav{
    font-size: .25rem;
    height: 2.46rem;
    background-color: white;
    
    >div{
        height: .79rem;
        display: flex;
        justify-content: space-between;
        padding-left: .29rem;
        padding-right:.29rem;
        align-items: center;
        a{
            text-decoration: none;
            color: black;
        }
        border-bottom: 1px solid #d9d9d9;
    }
    aside{
        display: flex;
        height: 1.67rem;
        justify-content: space-evenly;
        padding-left: .29rem;
        padding-right:.29rem;
        div{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin-left: .19rem;
            margin-right: .19rem;
            a{
                text-decoration: none;
                color: black;
            }
            img{
                width: .48rem;
                height: .48rem;

            }
        }
    }
}
article{
    background-color: #f5f5f5;
    section{
        margin-top: .29rem;
        div{
            background-color: white;
            display: flex;
            align-items: center;
            .aside1{
                width:20%;
                text-align: center;
                
                img{
                    width: .48rem;
                    height: .48rem;
                }
            }
            .aside2{
                position: relative;
                width: 80%;
                border-bottom: 1px solid #d9d9d9;
                a{
                    
                    text-decoration: none;
                    color: black;
                    font-size: .25rem;
                    
                    &::after{
                        content: ">";
                        width: .29rem;
                        height: .29rem;
                        position: absolute;
                        font-size: .38rem;
                        right: .19rem;
                        top: .65rem;
                        
                    }
                }
            }
            
        }
    }

}
footer{
    height: 1rem;
    width: 7.2rem;
    position:sticky;
    background-color: white;
    bottom: 0px;
    left: 0px;
    ul{
        display: flex;
        align-items: center;
        
        li{
            margin-top: .19rem;
            width: 20%;
            font-size: .25rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            a{
                text-decoration: none;
                color: #999999;
            }
            &:nth-child(5) a{
                color: #de702a;
            }
        }
        img{
            width: .4rem;
            height: .4rem;
            
        }
    }
}